<template>
    <div class="main">
        <Nav />
        <div class="right_route">
            <Table :list="pay_list"/>
        </div>
    </div>
</template>
  
<script setup lang="ts">
import Nav from "@/components/public/nav.vue"
import Table from "@/components/Information/table.vue"
import {get_pay_list} from "@/request/api/information.ts"
import { onMounted ,ref} from "vue"
let pay_list = ref()
const get_pay_list_data =async ()=>{
    let {data} = await get_pay_list()
    console.log(data,"zhifu");
    pay_list.value = data
}
onMounted(()=>{
    get_pay_list_data()
})
</script>
  
<style lang="scss" scoped>
.main {
    display: flex;

    .right_route {
        padding: 10px 50px 0 50px;
        flex: 1;
        margin-top: 50px;
        box-sizing: border-box;
    }
}
</style>